<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黄超凡的个人博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bok.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
<div class="container">
    <div class="row">
        <a class="col-sm-5" href="index.html">
            <header id="title" class="name">
                <h2 id="ti" class="tit">
                    <span>黄超凡的个人博客</span>
                    <i class="iconfont">&#xe626;</i>
                </h2>
                <!--            <p>求知若饥，虚心若愚</p>-->
            </header>
        </a>
        <figure class="col-sm-5 info-" style="text-align: right;">
            <div class="" style="display: inline-block">
                <span class="">关于博主 | </span>
            </div>
            <div class="" style="display: inline-block">
                <span class="">订阅博主 | </span>
            </div>
            <div class="" style="display: inline-block">
                <span class="">打赏博主 | </span>
            </div>
            <div id="change-bg" style="display: inline-block">
                <span class="">切换主题</span>
            </div>
        </figure>
        <figure class="col-sm-2 info_" style="">
            <img src="img/touxiang.jpg" class="tx">
            <div class="jieshao">
            </div>
        </figure>
    </div>
    <nav class="navbar-expand-lg navbar-light navbar-list-father">
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="nav navbar-nav navbar-list">
                <li class="nav-item">
                    <a class="nav-link" href="index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="photo_Album/phone_index.html">我的相册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="works.html">我的作品</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" >休闲娱乐</a>
                </li>
            </ul>
        </div>
    </nav>
</div>
<br>
<div class="container">
    <div class="row">
        <div class="col-sm-8">
            <div class="blog-list">
                <div class="blog-list-item bowen clearfix">
                    <div class="col-xs-12">
                        <a href="javascript:void(0)" class="title">
                            井柏然的画报表现力一直非常完美，近日，井柏然登上《嘉人》十二月刊封面。
                        </a>
                        <details>
                            <summary>展开更多</summary>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;井柏然以一种全新的的姿态，诠释了“十二生肖”独特的东方美韵。
                            或俏皮的鼠、或灵动的兔、或矜贵的龙，巧妙的演绎出的东方文化中生肖的具象形态，
                            呈现一席国风元素与现代时尚碰撞出的色彩盛宴，剖析井柏然成长历程和内心坚守的‘自我’。
                            镜头下的井柏然充满灵气，配合别致的妆容，黑纱内搭和花呢外套俏皮又灵动，
                            桌面下窥视美食的小老鼠、紧握桌沿的手和紧张观察的瞳仁，都在警惕镜头外的眼睛;蛰伏的巨龙衔珠而立，
                            身披黑色羊绒斗篷微微颔首，显得矜贵而庄严;京剧脸谱下亦静亦动的猴子，每一个细节上的肢体和眼神都是对生肖的精彩诠释。
                        </details>
                        <div class="info">
                            <i class="iconfont">&#xe8c6;</i>
                            <span>宋东亭</span> |
                            <i class="iconfont">&#xe635;</i>
                            <span>5分钟前</span>
                        </div>
                    </div>
                </div>
                <div class="blog-list-item bowen clearfix">
                    <div class="col-xs-12">
                        <a href="javascript:void(0)" class="title">
                            哔哩哔哩付费课程开启内测。
                        </a>
                        <details>
                            <summary>展开更多</summary>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美股研究社报道，哔哩哔哩付费课程今日开启内测，首批上线的课程包括《PPT大神上分攻略》、
                            《局座的国际战略课》、《熊浩：论文求生指南》、《KO大魔王：英语语法通关计划》、《铲屎官科学养猫必修课》、
                            《Pr剪辑上分攻略》等，价格从75元到107元不等。哔哩哔哩表示在内测期间，付费课程合作将采取内部邀请制。
                            “我在B站搞学习”这句话相信很多哔哩哔哩用户都很熟悉。哔哩哔哩发展至今，有的已不仅仅是动漫、游戏、2233娘等，
                            近年来，随着资源引进以及众多专业UP主细致教学讲解，该平台的学习资源已越来越丰富，
                            在这里搞学习也逐渐成为很多哔哩哔哩用户的常态。据哔哩哔哩官方数据显示，今年在哔哩哔哩平台学习的人数已达2027万，
                            是高考人数的两倍。可以说哔哩哔哩正逐渐成为国内“最大在线学习平台”。而现在哔哩哔哩上线独家课程，对众多有需求的用户来说将是一个不错的选择。
                            　　哔哩哔哩目前仍旧处于亏损状态，正因如此，该公司也在加速商业化竞争，为盈利寻找更多的方式，
                            此次上线付费课程也或是其中一环。目前看来这一服务结合了用户需求，还是具有一定可行性的，不过究竟能否受欢迎还有待验证。
                        </details>
                        <div class="info">
                            <i class="iconfont">&#xe8c6;</i>
                            <span>宋东亭</span> |
                            <i class="iconfont">&#xe635;</i>
                            <span>5分钟前</span>
                        </div>
                    </div>
                </div>
                <div class="blog-list-item bowen clearfix">
                    <div class="col-xs-12">
                        <a href="javascript:void(0)" class="title">
                            记录点滴，记录成长。用博客记录技术与经验的积累，在这里找到志同道合的朋友，编程的乐趣。
                        </a>
                        <div class="info">
                            <i class="iconfont">&#xe8c6;</i>
                            <span>宋东亭</span> |
                            <i class="iconfont">&#xe635;</i>
                            <span>5分钟前</span>
                        </div>
                    </div>
                </div>
                <div class="blog-list-item bowen clearfix">
                    <div class="col-xs-12">
                        <a href="javascript:void(0)" class="title">
                            记录点滴，记录成长。用博客记录技术与经验的积累，在这里找到志同道合的朋友，编程的乐趣。
                        </a>
                        <div class="info">
                            <i class="iconfont">&#xe8c6;</i>
                            <span>宋东亭</span> |
                            <i class="iconfont">&#xe635;</i>
                            <span>5分钟前</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-4 hidden-xs">
            <div class="side-bar-card clearfix">
                <div class="col-xs-12 side-bar-introduction" id="hi">
                    <div class="">弐威巴迪嗨起来</div>
                    <div class="side-bar-phone">拨打110进入超嗨模式</div>
                </div>
            </div>
            <div class="side-bar-card side-bar-recommend clearfix">
                <div class="side-bar-title">最新发布</div>
                <div class="side-bar-body">
                    <div class="side-bar-list">
                        <div class="side-bar-item">
                            <a href="javascript:void(0)" class="side-item-title">浅析Giao项目优化</a>
                            <div class="side-item-info" style="color: rgba(22,23,16,0.95)">10.4k阅读 | 五天前</div>
                        </div>
                        <div class="side-bar-item">
                            <a href="javascript:void(0)" class="side-item-title">CSS瀑布流布局</a>
                            <div class="side-item-info" style="color: rgba(22,23,16,0.95)">0.4k阅读 | 六小时前</div>
                        </div>
                        <div class="side-bar-item">
                            <a href="javascript:void(0)" class="side-item-title">web前段优化策略</a>
                            <div class="side-item-info" style="color: rgba(22,23,16,0.95)">2.9k阅读 | 一周前</div>
                        </div>
                        <div class="side-bar-item">
                            <a href="javascript:void(0)" class="side-item-title">你为什么喜欢开车?</a>
                            <div class="side-item-info" style="color: rgba(22,23,16,0.95)">1.4k阅读 | 一分钟前</div>
                        </div>
                        <div class="side-bar-item">
                            <a href="javascript:void(0)" class="side-item-title">高并发秒杀系统方案的优化</a>
                            <div class="side-item-info" style="color: rgba(22,23,16,0.95)">4.1k阅读 | 一个月前</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer footer">
    <address class="text-center footer-info">
        <p>关于宋东亭 | 联系我2234689366@qq.com | 广告服务 | ©2020博客</p>
<!--        <div href="#">2234689366@qq.com</div>-->
    </address>
</div>
</body>
<script src="photo_Album/js/jquery.min.js"></script>
<script src="js/changeThemeColor.js"></script>
</html>